.order-data-list {
  clear: both;
  padding: 10px;
  min-height: 501px;
  transiton: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  .tab-nav {
    height: 38px;
    line-height: 38px;
    z-index: 2;
    top: -1px;
    // border-bottom: 1px solid $table-border-color;
    li {
      float: left;
      height: 100%;
      text-align: center;
      cursor: pointer;
      font-size: 14px;
      padding: 0 10px;
      margin: 0 10px;
      &.selected {
        position: relative;
        color: $blue-font-color;
        &::after{
          content: '';
          position: absolute;
          bottom: 0;
          left: 50%;
          margin-left: -15px;
          width: 30px;
          height: 3px;
          background: $blue-font-color;
        }
      }
    }
    .refresh-btn {
      float: right;
    }
  }
  .order-list-box {
    min-height: 342px;
    transiton: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
  }
  .dialog-pops{
    .dialog-titles{
      height: 0;
    }
    .dialog-closed{
      height: 0;
      overflow: hidden;
    }
    .dialog-contents{
      .mobileverify-text{
        font-size: 24px;
      }
    }
  }
  table {
    tr {
      position: relative;
      border-bottom: 1px solid $table-border-color;
      height: 30px;
      line-height: 30px;
      cursor: pointer;
      overflow: hidden;
      td {
        text-align: center;
      }
      &:hover {
        color: $blue-font-color;
      }
    }
    .cancel_Deal {
      color: $blue-font-color;
      pading-bottom: 2px;
      &:hover {
        border-bottom: 1px solid $blue-font-color;

      }
    }
    .status_msg {
      padding-right: 20px;
      text-align: right;
    }
  }
  .sibTable {
    border: 1px solid $blue-font-color;
    position: relative;
    padding: 5px;
    tr {
      border: 0 none;
      td{
        color: $base-font-color;
      }
      &:hover {
        td {
          color: $blue-font-color;
        }
      }
    }
    &:after {
      content: '';
      width: 6px;
      height: 6px;
      display: block;
      position: absolute;
      right: 45px;
      top: -4px;
      border-top: 1px solid $blue-font-color;
      border-left: 1px solid $blue-font-color;
      background: $sub-background-color;
      transform: rotate(45deg);
    }
  }
  .no_data{
    width: 100%;
    display: flex;
    height: 390px;
    .auto{
      margin: auto;
      text-align: center;
      img{
        margin-bottom: 20px;
      }
    }
  }
}
